// components/richTextView/richTextView.js
import {config} from "../../config";

Component({
    /**
     * 组件的属性列表
     */
    properties: {
        dataInfo:{
            type: Array,
            observer: function(newVal, oldVal) {
                const list = newVal
                list.forEach((item, index) => {
                    if (item.type == 6) {
                        item.str = this.tableFormater(item.str)
                    }
                    if(item.type == 5){
                        item.str = item.str.split('.')[0] + '.jpg'
                    }
                })
                this.setData({
                    dataInfo:list
                })
              }
        }
    },
    /**
     * 组件的初始数据
     */
    data: {
        resource_url: config.resource_url
    },
    lifetimes: {
        // 组件的生命周期函数，用于声明组件的生命周期
        attached() {
            const list = this.data.dataInfo
            list.forEach((item, index) => {
                if (item.type == 6) {
                    item.str = this.tableFormater(item.str)
                }
                if(item.type == 5){
                    item.str = item.str.split('.')[0] + '.jpg'
                }
            })
            this.setData({
                dataInfo:list
            })
        }
    },
    /**
     * 组件的方法列表
     */
    methods: {
        tableFormater(str) {
            return  str
                .replace(/\<td/gi, '<td class="table-td" ')
                .replace(/\<tr/gi, '<tr class="table-tr" ')
                .replace(/\<table/gi, '<td class="table" ')
        },
        /**
         * 图片放大预览
         */
        previewImg(event) {
            let currentUrl = event.currentTarget.dataset.src
            wx.previewImage({
                current: this.data.resource_url + currentUrl,
                urls: [this.data.resource_url + currentUrl]
            })
        }
    }
})
